<template>
  <ul>
    <TodoItem 
        v-for="todo in todos" 
        :todo="todo"
        :key="todo.id"
        @remove="removeTodo"
     />
  </ul>
</template>
<script setup>
import { defineProps,defineEmits } from "vue";
import TodoItem from "./TodoItem.vue";
const props = defineProps({
  todos: Array,
});
const emit = defineEmits(['remove']);
const removeTodo = (todo)=>{
    emit('remove',todo);
}
</script>
<style></style>
